<?php
use Entities\Estoque;
use Entities\Materiais;

include_once '../templates/topo.php';

?>
	<div class="tabs center">
			<ul>
				<li><a href="#tabs-1">Pedido</a></li>
			</ul>
			<div id="tabs-1">
				<div cols='5'>
					<div class='field'>
						<label>Obras</label>
						<select id='selObras' >
							<?php 
								$queryObras = $em->createQuery("select c from Entities\Obras c ");
								$obras = $queryObras->getResult();
								if(empty($id)){
									echo "<option value='0'>Selecione</option>";
								}
								foreach ($obras as $obra) {
									echo "<option value='".$obra->getId()."' >".$obra->getNomeObra()."</option>";
								}
							?>
						</select>
					</div>
					<div class='field' >
						<label>Material</label>
						<input type="hidden" id='hidCodMaterial' />
						<input type='text' id='txtMaterial' readonly="readonly" size='40' />
						
					</div>
					<div class='field' style="width:20px;" >
						<label>&nbsp;</label>
						<button class='add' id='btnBuscaMaterial'>Buscar</button>
						<script>
							$("#btnBuscaMaterial").button({
								text: false
							}); 
							$("#btnBuscaMaterial").click(function(){	
								$("#popupBuscaMaterial").dialog('open');
							});
						</script>
					</div>
					<div class='field' >
						<label>Tamanho/Cor</label>
						<input type='text' id='txtPropriedade' size='15' />
					</div>
					<div class='field' >
						<label>Quantidade</label>
						<input type='text' id='txtQtdMaterial' size='15' />
					</div>
					<div class='field' >
						<label>Data que preciso</label>
						<input type='text' id='txtData' size='15' />
						
						<script type="text/javascript">
							$("#txtData").setMask('date');
							$("#txtData").datepicker();
						</script>
					</div>
					<div class='field' >
						<label>Obs:</label>
						<textarea id="txtObs" style="width: 400px; height: 100px;" ></textarea>
						
					</div>
					
				</div>
			</div>
	
			<div class='footer'>
				<button id='btnSalvar'>Realizar pedido</button>
				<script type="text/javascript"> 
					$("#btnSalvar").click(function(){
						if($('#selObras').val() == '0' || $('#hidCodMaterial').val() == '' || $('#txtQtdMaterial').val() == '' ){
							 alert('Favor preencher todos os campos!', 'Atencao');
						}else{
							utils.ajax('pedidosObras/salvarPedido', {
								id: $("#hidId").val(),
								obra: $('#selObras').val(),
								material: $('#txtMaterial').val(),
								data: $('#txtData').val(),
								qtd: $('#txtQtdMaterial').val(),
								propriedade: $("#txtPropriedade").val(),
								obs: $("#txtObs").val()
									
							}, function(xml){
									erro = $(xml).find('erro').text();
									if(parseInt(erro) == 0){
										msg = "Pedido realizado com sucesso!";
	
										$('#hidId').val('');
										$('#selObras').val('0');
										$('#selObras').selectmenu();
										$('#hidCodMaterial').val('');
										$('#txtMaterial').val('');
										$('#txtQtdMaterial').val('');
										$("#txtPropriedade").val('');
										$("#txtObs").val('');
										
									}
									else{
										msg = "Pedido NAO realizado com sucesso!";
									}
									alert(msg, 'Pedido');
							});
						}
					});
				</script>
			</div>
	</div>
<div id="popupBuscaMaterial">
	<div >
		<label><strong>Descricao</strong></label>
		<input type='text' id='txtBuscaMaterial' size='30' onkeypress="mascara(this,maiusculo)" />
		<button id='btnLocalizaMaterial'>Buscar</button>
		<script>
			$("#btnLocalizaMaterial").click(function(){
				utils.ajax('material/pesquisarMateriais', {
					strBusca: $('#txtBuscaMaterial').val(),
					tipoBusca: 'nome'
						
				}, function(xml){
					cont = 0;
					$('#table_materiais tbody tr').each(function(){
						if(cont!=0)
						$(this).remove();
						cont++;
					});
					index = 0;
					$(xml).find('material').each(function(){
						var id = $(this).find('id').text();
						var descricao = $(this).find('descricao').text();
						$('#table_materiais tbody').append(utils.gerarLinha([id,
						descricao], 0, 'trMaterial', index++,false));
						$('#trMaterial_'+ id).click(function(){
							$("#txtMaterial").val(descricao);
							$("#hidCodMaterial").val(id);
							$("#popupBuscaMaterial").dialog('close');
						});
					});
					$('#table_materiais tfoot tr td').html(index + ' Resultado(s) Encontrado(s)');
				});
			});
		</script>
	</div>
	<div style="height: 350px; overflow: auto;">
		<table class='table_consulta' id="table_materiais">
			<tr>
				<th>Descricao</th>
			</tr>
		<tfoot>
			<tr>
				<td>Nenhum Material Encontrado</td>
			</tr>
		</tfoot>
		</table>
	</div>
</div>
<script>
	$('#popupBuscaMaterial').dialog({
		modal: true,
		title: 'Localiza Material',
		autoOpen: false,
		width: 500,
		buttons: {
							"Cancelar": function(){
			$(this).dialog('close');
		}
		}
	});
</script>

<?php 
if(!$popup)
	include_once '../templates/footer.php';
?>